<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link href="../../fonts/iconfont.css" rel="stylesheet" />

		<link href="../../css/login_index.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content">
		    <div id="header">
		     
		       <div class="w_title">
		       	<p class="c"></p>
		       	<span class="p">W</span>
		       </div>
		       	
		    	
		    </div>


		    <div class="content login2">
		        <div class="bgtitle title">Touch or Enter Code </div>
		        <div class="bgtitle num">
		        	<ul class="ul-list">
		        		<li class="list-display"><span></span></li>
		        		<li class="list-hidden"><span></span></li>
		        		<li class="list-hidden"><span></span></li>
		        		<li class="list-hidden"><span></span></li>
		        	</ul>
		        </div>		
	
		    </div>


		    <div class="enter-num">
		    	<ul>
		    	   
			    	<li>
                        <div class="circle">
                       	  <p class="number">1</p>
                       	  <p class="english"></p>
                       </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">2</p>
                       	  <p class="english">ABC</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">3</p>
                       	  <p class="english">DEF</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">4</p>
                       	  <p class="english">GHI</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">5</p>
                       	  <p class="english">JKL</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">6</p>
                       	  <p class="english">MNO</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">7</p>
                       	  <p class="english">PQRS</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">8</p>
                       	  <p class="english">TUV</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">9</p>
                       	  <p class="english">WXYZ</p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle-display">
                       	  <p class="number">000</p>
                       	  <p class="english"></p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle">
                       	  <p class="number">0</p>
                       	  <p class="english"></p>
                        </div>
			    	</li>
			    	<li>
                        <div class="circle-display">
                       	  <p class="number">000</p>
                       	  <p class="english"></p>
                        </div>
			    	</li>

		    	</ul>
		    </div>

		
		</div>

		<!--底部导航-->


	</body>

</html>